<template>
<div class="footerTop">
        <topImg :meUrl = this.info.photo></topImg>
        <topText>
         <h3 slot="myName">{{this.info.name}}</h3>
         <p slot="taste">性格 : {{this.info.nature}}</p>
         <p slot="nature">兴趣 : {{this.info.interest}}</p>
         <p slot="well">——离开，只为遇见更好的自己</p>
        </topText>
</div>
</template>

<script>
import topImg from './topImg'
import topText from './topText'
export default {
    name:'footerTop',
    components:{
        topImg,
        topText
    },
    props:{
        info:{
            type:[Object,Array,String]
        }
    }
}
</script>

<style scoped>
.footerTop{
    width: 700px;
    height: 130px;
    margin: 0 auto;
    border-bottom:1px solid rgb(153, 151, 155) ;
    display: flex;
}
</style>